
<!DOCTYPE HTML>
<html>
<head>
    <title>HOME PAGE</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <script>
        function checkLoginState() {
            FB.getLoginStatus(function(response) {
                console.log(response);
                // statusChangeCallback(response);
            });
        }
    </script>

    <script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v15.0&appId=651229536686472&autoLogAppEvents=1" nonce="2hKjPQFk">
        
        
        
        window.fbAsyncInit = function() {
          FB.init({
            appId      : '651229536686472',
            cookie     : true,
            xfbml      : true,
            version    : '15.0'
          });
            
          FB.AppEvents.logPageView();   
            
        };

      
        (function(d, s, id){
           var js, fjs = d.getElementsByTagName(s)[0];
           if (d.getElementById(id)) {return;}
           js = d.createElement(s); js.id = id;
           js.src = "https://connect.facebook.net/en_US/sdk.js";
           fjs.parentNode.insertBefore(js, fjs);
         }(document, 'script', 'facebook-jssdk'));

      </script>
</head>
    <body id="body" >

        <fb:login-button 
        scope="read_audience_network_insights,email"
        onlogin="checkLoginState();">
      </fb:login-button>

      <div class="fb-login-button" data-width="" data-size="large" data-button-type="continue_with" data-layout="default" data-auto-logout-link="false" data-use-continue-as="false"
      data-scope="<read_audience_network_insights>"></div>
    </body>

</html>
